<template>
  <div class="home-ad">
    <el-card class="box-card">
      <div class="ad-title">
        今日大盘
      </div>
      <div class="ad-content">
        <p class="ad-content-top">
          <span class="ad-content-top-left">827.2</span>万
          <span class="ad-content-top-right">查看更多></span>
        </p>
        <p class="ad-content-bottom">
          <span class="ad-content-bottom-left">北京时间</span>
          <span class="ad-content-bottom-mid">13:52:27</span>
          <span class="ad-content-bottom-right">猫眼专业版实时票房数据</span>
        </p>
      </div>
    </el-card>
  </div>
</template>
<script>
export default {
  data: () => ({}),
  created() {},
  methods: {}
}
</script>
<style lang="less">
.home-ad {
  .el-card__body {
    padding: 0;
  }
  .box-card {
    height: 103px;
    .ad-title {
      padding: 10px;
      width: 20px;
      height: 83px;
      color: #fff;
      background-color: #ef4238;
      float: left;
      text-align: center;
      font-weight: 400;
      font-size: 17px;
      line-height: 21px;
    }
    .ad-content {
      float: left;
      font-size: 14px;
      margin-left: 24px;
      color: #ef4238;
      padding-top: 20px;
      line-height: 1em;
      .ad-content-top {
        margin-bottom: 18px;
        .ad-content-top-left {
          font-size: 30px;
          font-weight: 700;

        }
        .ad-content-top-right {
          margin-left: 120px;
          
        }
      }
      .ad-content-bottom {
        color: #999;
        .ad-content-bottom-left {
          margin-right: 4px;
        }
        .ad-content-bottom-mid {
          margin-right: 8px;
        }
      }
    }  
  }
}
</style>